﻿<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<title>上实颐养中心</title>
		<link href="../about/css/bootstrap.min.css" type="text/css" rel="stylesheet">
		<link href="../about/css/myCss.css" type="text/css" rel="stylesheet">
		<link href="../about/css/main.css" type="text/css" rel="stylesheet">
		<link href="../about/css/base.css" type="text/css" rel="stylesheet">
		<!--按钮样式表-->
		<link href="../about/css/btn.css" type="text/css" rel="stylesheet">
		<link href="../about/css/css.css" type="text/css" rel="stylesheet">
		<link href="../about/css/index.css" type="text/css" rel="stylesheet">
		<link href="../about/css/search.css" type="text/css" rel="stylesheet">

		<script src="../about/js/jquery.min.js"></script>
		<script src="../about/js/easing.js"></script>
		<script src="../about/js/bootstrap.min.js"></script>
		<script src="../about/js/jQuery.rTabs.js"></script>
		<script src="../about/js/common.js"></script>
		<!-- 日历 -->
		<script src="../about/codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="../about/codebase/dhtmlxscheduler.css" type="text/css" charset="utf-8">
		<script src="../about/codebase/locale/locale_cn.js" type="text/javascript" charset="utf-8"></script>
		<!-- 支持模糊搜索的 下拉框 -->
		<link rel="stylesheet" type="text/css" href="../about/css/bootstrap-select.min.css" />
		<script type="text/javascript" src="../about/js/bootstrap-select.min.js"></script>
		<style>
			.pad {
				padding: 16px;
				font-size: 14px;
			}
			
			.pad-max {
				padding: 16px;
				font-size: 18px;
			}
			
			.bed {
				width: 30px;
			}
			
			.beds {
				margin-top: 20%;
			}
			
			.bed-roomid {
				margin-top: 15%;
			}
			
			.width_tjtjxx_l {
				text-align: right;
				width: 80px;
			}
			
			.cw_img {
				width: 25px;
				float: left;
			}
			
			.cw_img img {
				width: 100%;
				height: 100%;
			}
			
			.cw_num {
				padding-left: 5px;
			}
			
			.cwsyt_thead {
				background-color: #0168b7;
			}
			
			.cwsyt_tbody {
				height: 120px;
				text-align: center;
			}
			
			.room_id {
				color: white;
				width: 100px;
				height: 20px;
				text-align: center;
			}
			
			.cw_img_lg {
				width: 50px;
			}
			
			.cw_img_lg img {
				width: 100%;
				height: 100%;
				margin-left: 55%;
			}
			
			.ml15 {
				margin-left: 15px;
			}
			
			label {
				margin-left: 15px;
			}
			
			.list_style {
				list-style: disc outside none;
			}
			
			#jcsjwh_ck input {
				background-color: white;
			}
		</style>
	</head>

	<body>
		<!--头部信息Start-->
		<div class="col-md-12 doc_top pd0 h5 mt0">
			<div class="HeadStyle">
				<div class="HeadLeft">
					<div class="col-md-12 text-center pd0 mt7">
						<span class="HeadTitleFont">南山颐养中心</span>
					</div>
				</div>
				<div class="HeadRight">
					<div class="col-md-12 pd0 mt7">
						<div class="col-md-9 pd0 fmt4">
							<ul class="nav nav-pills" role="tablist">

							</ul>
						</div>
						<div class="col-md-2 pd0">
							<div class="col-md-12 text-center pd0 fmt2">
								<div class="dropdown" style="margin-left: 900px;">
									<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
									欢迎您
									<span class="caret"></span>
								</button>
									<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
										<li>
											<a href="#">修改个人信息</a>
										</li>
										<li>
											<a href="#">系统说明</a>
										</li>
										<li>
											<a href="/beadhouse/jsp/logout">系统登出</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--头部信息End-->
		<!--内容信息Start-->
		<div class="col-md-12 doc_body pd0 h95">
			<div class="BodyStyle">
				<div class="BodyLeft">
					<div class="BodyLeftPerson">
						<div class="col-md-12 text-center pd0 mt15">
							<img src="../about/images/SIICS.png" style="width: 70px;height: 70px;" class="personHeadCss">
						</div>
						<div class="col-md-12 text-center pd0 mt10">
							<span class="BodyLeftPersonFont">Welcome</span>
						</div>
					</div>
					<div class="BodyLeftMenu">
						<div class="col-md-12 pd0 Content_Menu_Body">
							<div class="treebox">
								<ul class="menu" id="menu">
									
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="BodyRight">
					<iframe style="width: 100%; height: 100%;" id="mainFrame" name="mainFrame" src="/beadhouse/api/bed/selectAll"></iframe>
				</div>
			</div>
		</div>

		<script>
			//等待dom元素加载完毕.
			$(function() {
				$(".treebox .level1>a").click(function() {
					$(this).addClass('current') //给当前元素添加"current"样式
						.find('i').addClass('down') //小箭头向下样式
						.parent().next().slideDown('slow', 'easeOutQuad') //下一个元素显示
						.parent().siblings().children('a').removeClass('current') //父元素的兄弟元素的子元素去除"current"样式
						.find('i').removeClass('down').parent().next().slideUp('slow', 'easeOutQuad'); //隐藏
					return false; //阻止默认时间
				});

				var doc_height = $(document).height();
				if(doc_height < 768) {
					$('.BodyRightMenu').css('height', "8%");
					$('.BodyRightContent').css('height', "92%");
					$('.doc_top').css('height', "6.8%");
					$('.doc_body').css('height', "93.2%");
				}
				$($('.treebox .level1>a')[0]).click();
			})

			var nextPage = function(str) {
				$('.data-contains .page').hide();
				$('.data-contains .' + str).show();
				if(str == 'gzjh') {
					$(".dhx_cal_tab.dhx_cal_tab_last").click();
				}
			}

			// 打开iframe页面
			function openPage(str) {
				$(".page").hide();
				$(".ckjkda").show();
			}
		</script>

		<link href="../about/css/calendar.css" type="text/css" rel="stylesheet">
		<script src="../about/js/calendar.js"></script>
		<script src="../about/js/menu.js"></script>
	</body>

</html>